home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 59338 / 59338.xpi / chrome / global / notification.css < prev    next >
Cascading Style Sheet File  |  2010-01-09  |  2KB  |  99 lines
  1. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  2.  
  3. notification {
  4. /*   padding: 5px; */
  5. /* min-height: 46px; */
  6. }
  7.  
  8. notification[type="info"] {
  9. color: #000000;
  10. background-color: #ffcef4;
  11. border-top: 2px solid;
  12. border-right:none;
  13. border-left:none;
  14. border-bottom:none;
  15. -moz-border-top-colors:#969595 #c1c0bf;
  16. /* padding:0; */
  17. }
  18.  
  19. notification[type="warning"] {
  20. color: #000000;
  21. background-color: #D9E9F7;
  22. border-top: 2px solid;
  23. border-right:none;
  24. border-left:none;
  25. border-bottom:none;
  26. -moz-border-top-colors:#969595 #c1c0bf;
  27. /* padding:0; */
  28. }
  29.  
  30. notification[type="critical"] {
  31. color: #000000;
  32. background-color: #EFD731;
  33. border-top: 2px solid;
  34. border-right:none;
  35. border-left:none;
  36. border-bottom:none;
  37. -moz-border-top-colors:#969595 #c1c0bf;
  38. /* padding:0; */
  39. }
  40.  
  41. .messageImage {
  42.   width: 16px;
  43.   height: 16px;
  44.   margin: 0 8px;
  45. }
  46.  
  47. /* Default icons for notifications */
  48.  
  49. notification[type="info"] .messageImage {
  50.   list-style-image: url("chrome://global/skin/notification/info-icon.png") !important;
  51. }
  52.  
  53. notification[type="warning"] .messageImage {
  54.   list-style-image: url("chrome://global/skin/notification/warning-icon.png") !important;
  55. }
  56.  
  57. notification[type="critical"] .messageImage {
  58.   list-style-image: url("chrome://global/skin/notification/error-icon.png") !important;
  59. }
  60.  
  61. .notification-inner {
  62.   border: 0 !important;
  63. }
  64.  
  65. .messageText {
  66.   margin: 0px 3px !important;
  67.   padding: 0;
  68.   font-weight: normal;
  69. }
  70.  
  71. .messageCloseButton {
  72.   -moz-appearance: none;
  73.   padding: 0;
  74.   margin: 0 5px;
  75.   list-style-image: url("chrome://global/skin/icons/close.png");
  76.   -moz-image-region: rect(0px, 14px, 14px, 0px);
  77.   border: none;
  78. }
  79.  
  80. .messageCloseButton:hover {
  81.   -moz-image-region: rect(0px, 28px, 14px, 14px);
  82. }
  83.  
  84. .messageCloseButton:hover:active {
  85.   -moz-image-region: rect(0px, 42px, 14px, 28px);
  86. }
  87.  
  88. .messageCloseButton > .toolbarbutton-text {
  89.   display: none;
  90. }
  91.  
  92. .messageCloseButton > .toolbarbutton-icon {
  93.   padding: 0;
  94. }
  95. /* some extensions add a text-link for a "Learn more..." link */
  96. notification[type="info"] .text-link {
  97. color: #0057ae !important;
  98. border-bottom:1px solid #0057ae !important;
  99. }